<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>卧龙控股</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <!-- 网页的头部 -->
    <div id="header">
        <h1 class="logo">
            <a href="#"><img src="images/logo.jpg" alt=""></a>
        </h1>
        <form action="" class="search">
            <input type="text" value="SEARCH" class="txt">
            <input type="submit" value="" class="btn">
        </form>
    </div>


    <!-- nav导航 -->
<div class="nav-wrap">
    <div id="nav">
        <ul class="nav-list">
            <li class="nav-firstchild"><a href="#">集团介绍</a></li>
            <li><a href="#">产品中心</a></li>
            <li><a href="#">卧龙市场</a></li>
            <li><a href="#">技术研发</a></li>
            <li><a href="#">国际合作</a></li>
            <li><a href="#">投资者关系</a></li>
            <li><a href="#">新闻资讯</a></li>
            <li class="nav-lastchild"><a href="#">人力资源</a></li>
        </ul>  
    </div>
</div>

    <!-- banner广告图 -->
    <div id="banner">
        <a href="#">
            <img src="images/banner.jpg" alt="">
        </a>
    </div>

    <!-- 新闻资讯  -->
    <div id="news">
        <div class="news-zx">
            <h2 class="news-title">新闻资讯</h2>
            <ul>
                <li>
                    <a href="#">二度"封城" 疫情另一火药桶或马上爆发</a>
                    <span>2020-04-16</span>
                </li>
                <li>
                    <a href="#">二度"封城" 疫情另一火药桶或马上ss爆发</a>
                    <span>2020-04-16</span>
                </li>
                <li>
                    <a href="#">二度"封城" 疫情另一火药桶或马上</a>
                    <span>2020-04-16</span>
                </li>
                <li>
                    <a href="#">二度"封城" 疫情另一火药桶或啊啊啊马上爆发</a>
                    <span>2020-04-16</span>
                </li>
                <li>
                    <a href="#">二度"封城" 疫情另一火药桶或马上啊啊啊啊啊爆发</a>
                    <span>2020-04-16</span>
                </li>
                <li>
                    <a href="#">二度"封城" 疫情另一火药桶或马上爆发</a>
                    <span>2020-04-16</span>
                </li>
            </ul>
        </div>


        <div class="news-jx">
            <h2 class="news-title">卧龙介绍</h2>
            <h3>
                公司成立于1984年，<br>
                经过近30年的发展
            </h3>
            <p>
                已经成为电器制造，房地产开发和金融<br>
                投资三业并举的综合性跨国...
            </p>
        </div>
        <div class="news-zp">
            <h2 class="news-title">人才招聘</h2>
            <p>培养一流的人才，铸造一流的工程<br>实现员工和企业的共同发展
            </p>
            <a href="#" class="more">
                <img src="images/more.jpg" alt="">
            </a>
        </div>

    </div>


    <!-- 卧龙市场market -->
    <div id="market">
        <h2 class="market-title">卧龙市场</h2>
        <dl class="market-case">
            <dt><img src="images/market-1.jpg" alt=""></dt>
            <dd>
                交通轨道:由于主要采用电器牵引，而且轮轨摩擦阻力较小，与公共...
            </dd>
        </dl>
        <dl class="market-case">
            <dt><img src="images/market-1.jpg" alt=""></dt>
            <dd>
                交通轨道:由于主要采用电器牵引，而且轮轨摩擦阻力较小，与公共...
            </dd>
        </dl>
        <dl class="market-case">
            <dt><img src="images/market-1.jpg" alt=""></dt>
            <dd>
                交通轨道:由于主要采用电器牵引，而且轮轨摩擦阻力较小，与公共...
            </dd>
        </dl>
        <dl class="market-case">
            <dt><img src="images/market-1.jpg" alt=""></dt>
            <dd>
                交通轨道:由于主要采用电器牵引，而且轮轨摩擦阻力较小，与公共...
            </dd>
        </dl>
    </div>

    
    <!-- 友情链接links -->
<div class="links-wrap">
    <div id="links">
        <div class="products">
                <h2 class="links-title">产品中心</h2>

                <ul class="products1  products-list">
                    <li><a href="#">汽车电机</a></li>
                    <li><a href="#">汽车电机</a></li>
                    <li><a href="#">汽车电机</a></li>
                    <li><a href="#">大功率电机</a></li>
                    <li><a href="#">汽车电机</a></li>
                </ul>
                <ul class="products2  products-list">
                    <li><a href="#">工业驱动和自动化</a></li>
                    <li><a href="#">工业驱动和自动化</a></li>
                    <li><a href="#">工业驱动和自动化</a></li>
                    <li><a href="#">大功率电机</a></li>
                    
                </ul>
                <ul class="products3  products-list">
                    <li><a href="#">汽车电机</a></li>
                    <li><a href="#">汽车电机</a></li>
                    <li><a href="#">汽车电机</a></li>
                    <li><a href="#">大功率电机</a></li>
                  
                </ul>
        </div>
        <div class="development">
                <h2 class="links-title">技术研发</h2>
                <ul class="products-list">
                    <li><a href="#">汽车电机</a></li>
                    <li><a href="#">汽车电机</a></li>
                    <li><a href="#">汽车电机</a></li>
                    <li><a href="#">大功率电机</a></li>
                </ul>
        </div>
        <div class="marketing">
            <h2 class="links-title">网络营销</h2>
            <img src="images/map.jpg" alt="">
        </div>
    </div>
</div>


    <!-- 页脚footer  -->
    <div id="footer">
        <ul class="footer-list">
            <li><a href="#">网站地图</a></li>
            <li><a href="#">联系我们</a></li>
            <li><a href="#">关注卧龙</a></li>
            <li class="footer-lastchild"><a href="#">采购系统入口</a></li>
        </ul>

        <div class="copyright">
            <span>

                <span>COPYRIGHT © 2014 卧龙控股集团 浙ICP备06005901号技术支持：<b>博彩互动</b> <i>分享到：</i>
                </span>
                <a href="" class="share1"><img src="images/share1.jpg" alt=""></a>
                <a href="" class="share1"><img src="images/share2.jpg" alt=""></a>
                <a href=""><img src="images/share3.jpg" alt="" class="share2"></a>
                <a href=""><img src="images/share4.jpg" alt="" class="share2"></a>
                <a href=""><img src="images/share5.jpg" alt=""></a>
            </span>
        </div>
    </div>
</body>
</html>